.table-app-container {
  .fixed-table {
    background-color: $white;
    border:1px solid $--border-color-lighter;
    //border-radius: 4px;
    padding: 8px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    &-filter {
      // padding-bottom: 8px;
      &-collapse {
        .el-collapse-item__wrap {
          border-bottom: 0;
        }
        .el-tag {
          margin-left: 5px;
        }
      }
      // .form-filter{
      //   .el-form-item{ margin-bottom: 18px;}
      // }
    }

    &-actionbar {
      padding-bottom: 8px;
      display: flex;
      align-items: center;
      height: 38px; /*fix IE search, table上下窜动*/
      box-sizing: border-box; /*fix IE search, table上下窜动*/
      .search-bar{
        flex:1;
        .form-filter{
          .el-form-item{
            margin-bottom: 0;
            .el-form-item__content{ 
              line-height: 29px;
              .vue-treeselect{ width: 200px;}
            }
            .el-form-item__label{ line-height: 29px;}
          }
        }
        .input-with-select .el-input-group__prepend {
          //background-color: $white;
          .el-input__inner{ cursor: pointer;}
          .el-input__icon{ cursor: pointer;}
        }
      }
      .action-bar {
        width: auto;
        //padding-left: 3px;
        //margin: 10px 0 10px;
        >div {
          display: inline-block;
          margin-left: 10px;
          margin-right: 10px;
        }
        .el-dropdown{ margin-right: 0;}
      }
    }

    .el-table  {
      border-left: 1px solid #dfe6ec;
      border-right: 1px solid #dfe6ec;
      td {
        border-bottom-width: 1px;
      }
      th {
        border-top: 1px solid #dfe6ec;
      }
      th.gutter{ 
        // 解决element-ui 表格篡位的问题 👇 
        display: table-cell!important; 
      }
      .cell {
        white-space: nowrap;
        .el-link{ display: inline;}
      }
      tbody tr:last-child {
        td {
          border-bottom-width: 1px;
        }
      }
      .el-table-column--selection .cell {
        padding-left: 13px;
      }
    }
  }
  .filter-tree {
    padding: 20px;
    overflow: auto;
  }
}
.asset-table-bar {
  display: flex;
  align-items: center;
  background-color: $--table-header-background-color;
  border:1px solid $--border-color-light;
  border-bottom:0;
  height: 30px;
  padding: 0 5px;
  & > article{ flex: 1;
    .el-tag{ margin-right: 5px;}
  }
  & > section{
    ul{
      font-size: 0;
      margin:0;
      padding:0;
      & > li{
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        border-left:1px solid $--border-color-light;
        padding:0 8px;
        & > i{ font-size:16px;}
        .svg-icon{ font-size:16px; outline:0; color:$--color-primary;}
        .el-dropdown{ color:$--color-primary; }
      }
      & > li:first-child{
        border-left:0;
      }
    }
  }
}
.table-action-switch{
    width:250px;
    overflow:auto;
    padding:15px;
    .table-action-switch-c{
      height:450px; overflow: auto;
      .el-switch{display: block; margin-bottom:15px;}
    }
}
